﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta charset="UTF-8">
	<title></title>
	<script src="/assets/js/jquery-1.11.2.min.js"></script>
	<script src="/assets/js/resp.js"></script>
	<link rel="stylesheet" href="/assets/css/details.css">
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        <style>
        *,body,html{
        	margin:0;
        	padding:0;
        	font-family:"微软雅黑 Microsoft Yahei";
        }
        .wrap{
          margin-top:-1.5rem;
        }
        .container{          	 
          	 color:#666666;
          }
          #video{
           width:100%;
           height:12.0rem;           
		     }
          #video>iframe{
            width:100%!important;
	          height:100%!important;
            border:0!important;
             }        
         .container .text{
        	display:block;        	
        	margin:0;
        	padding:0;        	
        	height:auto;
        	margin-top:0.5rem;  
        	text-indent: 2em;
        }
        .container .text{
          line-height:1.2rem;
        }
        .container .title{
          height:auto;
        }
        .container .text p{
            font-size: 0.7rem;
            width: 100%;
            text-indent: 2em;
            line-height: 1.2rem;
            word-wrap: break-word;
        }
         .container .text p span img{          
            display: block;
         }
          .container .text p strong img{
            display:block;
          }
        .container>.text>p>img{
          width:100%!important;
          height:12.0rem!important;
          /*margin-left:-1.5rem!important;*/
          margin-top:0.5rem!important;
          display:block;
        }
        .container>.text>h3{
           width: 100%!important;
        }
        .container>.text>h3>img{
              width: 100%!important;
              margin-left: -2.0rem!important;
              margin-top: 1.0rem!important;
        }
 </style>
</head>
<body>
	<div class="wrap">
		<div class="container">
			<p class="title">{$info['title']}</p>
			<div id="video">{$info['videopath']}</div>
			<div class="text">{$info['content']}</div>			
		</div>
	</div>
</body>
	<script>
			function del(){			
			 var obj=document.getElementById("video");
	         var iframe=document.getElementsByTagName("iframe");
			  if(iframe.length){

			  }else 
			     obj.parentNode.removeChild(obj);			    
			}	
			del();	
	</script>
</html>